@charset "utf-8";
* {
	padding: 0px;
	margin:0px;
	border:none;
	list-style:none;
}
body { font:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:#f9f9f9;}
a {color:#666; text-decoration:none;}
a:hover { color:#F60;}
.ban { width:1000px; margin:0 auto;}
.margin_r40 { margin-right: 40px; }
.margin_r_20 { margin-right: 20px; }
.margin_r_80 { margin-right: 80px; }
.clear { clear: both; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

/*通用样式结束*/

#top { background:url(../images/top_b.gif) repeat-x; height:27px; }
#top a{ line-height:27px;}
#top .mobile a{ padding-left:15px; background:url(../images/mobile.gif) no-repeat 0px 0px; }
#top .sc a{ float:right; background:url(../images/top_line.gif) no-repeat right; padding:0 15px; }
#top .sc a.nopic{  background:none; padding:0 0 0 15px ; }
#header { background:#f5f5f5 url(../images/b_t.gif) 80px bottom repeat-x; height:84px; border-top:3px solid #5b5a5e;}
#header .logo a { background:url(../images/logo.png) 0px 10px no-repeat; width:355px; height:80px; display:block; text-indent:-9999px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png'); /* IE6 */
_ background-image: none; /* IE6 */}
#header .lug { float:right;}
#header .lug a.en{ float:left; background: url(../images/lug.gif); width:92px; height:13px; display:block; text-indent:-9999px;}
#header .lug a.cn{ float:left; background: url(../images/lug.gif) 92px 0; width:92px; height:13px; display:block; text-indent:-9999px;}
#header .logo { float:left;}
#header .menu ul { float:left; margin-left:110px;}
#header .menu li { float:left;}
#header .menu a { padding:0 15px; line-height:80px;  display:block; text-indent:-9999px;}
#header .menu a.m1 { background:url(../images/m1.gif) 30px no-repeat;width:33px;}
#header .menu a.m2 { background:url(../images/m2.gif) 30px no-repeat;width:64px;}
#header .menu a.m3 { background:url(../images/m3.gif) 30px no-repeat;width:64px;}
#header .menu a.m4 { background:url(../images/m4.gif) 30px no-repeat;width:64px;}
#header .menu a.m5 { background:url(../images/m5.gif) 30px no-repeat;width:64px;}
#header .menu a.m6 { background:url(../images/m6.gif) 30px no-repeat;width:64px;}

/* @group main_nav */
#main_nav { float:right; height:60px; width:529px;}
#main_nav ul {
	font-size: 12px;
	list-style: none;
	padding:0;
	margin:0;
}


#main_nav li {
	float: left;
	position: relative;
	z-index: 5;
}

#main_nav li a {
	color: #333;
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight:normal;
	margin: 0px;
}

#main_nav li ul li a {
	font-size: 12px;
	width: 110px;
	line-height: 24px;
	height: 24px;
	margin:0;
	padding:0 10px;
	text-indent:0px;
	color:#777;
}
#main_nav li ul.a {
	width:120px;
}
#main_nav li ul.a li a {
	width: 120px;
}

#main_nav li ul.a li a:hover, #main_nav li.focus ul.a li a:hover {
	width: 100px;margin:0;
}


#main_nav li ul li a:hover, #main_nav li.focus ul li a:hover {
	text-indent:0px;
	color:#F60;
	font-weight:bold;
	background:#f5f5f5;
}


#main_nav li.focus a, #main_nav li a:hover {
}

#main_nav li.focus ul li a {
	color:#777;
	line-height:24px;
}
/*#main_nav li span {
	position: absolute;
	z-index:40px;
	top: 0px;
	left: 30px;
	width:119px;
	height:30px;
	display:block;
	background:#fff url(../images/menu_bg.png) top no-repeat;
}
*/#main_nav li ul {
	position: absolute;
	top: 67px;
	left: 0px;
	display: none;
	width:130px;
	padding:10px 0;
	background:#fff ;
	-moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#main_nav li ul.m33 {
	width:290px;
}
#main_nav li ul.m33 li {
	width:290px;
}
#main_nav li ul.m33 li a {
	width:270px;
}

#main_nav li ul.a.m33 li a:hover, #main_nav li.focus ul.a.m33 li a:hover {
	width: 270px;margin:0;
}
#main_nav li ul li {
	float: left;
	list-style:none;
	margin:0;
	padding:0px;
	height:24px;
	width:130px;
	}
#header .menu a { padding:0 15px; line-height:80px;  display:block; text-indent:-9999px;}
#header .menu a.m1 { background:url(../images/b1.gif) 30px no-repeat;width:33px;}
#header .menu a.m2 { background:url(../images/b2.gif) 30px no-repeat;width:80px;}
#header .menu a.m3 { background:url(../images/b3.gif) 30px no-repeat;width:64px;}
#header .menu a.m4 { background:url(../images/b4.gif) 30px no-repeat;width:64px;}
#header .menu a.m5 { background:url(../images/b5.gif) 30px no-repeat;width:64px;}
#header .menu a.m6 { background:url(../images/b6.gif) 30px no-repeat;width:64px;}
	
#main_nav li a{ float:left; display: block; text-indent:-9999px;font-family:Arial, Helvetica, sans-serif }
#main_nav li a.a0{ background: url(../images/menu.png) 0px 0px no-repeat; width:66px; height:67px;}
#main_nav li a.a0:hover, #main_nav li a.a0.c  { background:url(../images/menu.png) 0px -67px  no-repeat;}
#main_nav li a.a1{ background: url(../images/menu.png) -66px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.a1:hover, #main_nav li a.a1.c  { background:url(../images/menu.png) -66px -67px  no-repeat;}
#main_nav li a.a2{ background: url(../images/menu.png) -154px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.a2:hover, #main_nav li a.a2.c  { background:url(../images/menu.png) -154px -67px  no-repeat;}
#main_nav li a.a3{ background: url(../images/menu.png) -242px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.a3:hover, #main_nav li a.a3.c  { background:url(../images/menu.png) -242px -67px  no-repeat;}
#main_nav li a.a4{ background: url(../images/menu.png) -330px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.a4:hover, #main_nav li a.a4.c  { background:url(../images/menu.png) -330px -67px  no-repeat;}
#main_nav li a.a5{ background: url(../images/menu.png) -418px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.a5:hover, #main_nav li a.a5.c  { background:url(../images/menu.png) -418px -67px  no-repeat;}

#main_nav li a.e0{ background: url(../images/emenu.gif) 0px 0px no-repeat; width:66px; height:67px;}
#main_nav li a.e0:hover, #main_nav li a.a0.c  { background:url(../images/emenu.gif) 0px -67px  no-repeat;}
#main_nav li a.e32{ background: url(../images/emenu.gif) -66px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.e32:hover, #main_nav li a.e32.c  { background:url(../images/emenu.gif) -66px -67px  no-repeat;}
#main_nav li a.e33{ background: url(../images/emenu.gif) -154px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.e33:hover, #main_nav li a.e33.c  { background:url(../images/emenu.gif) -154px -67px  no-repeat;}
#main_nav li a.e34{ background: url(../images/emenu.gif) -242px 0px no-repeat; width:159px; height:67px;}
#main_nav li a.e34:hover, #main_nav li a.e34.c  { background:url(../images/emenu.gif) -242px -67px  no-repeat;}
#main_nav li a.e35{ background: url(../images/emenu.gif) -400px 0px no-repeat; width:88px; height:67px;}
#main_nav li a.e35:hover, #main_nav li a.e35.c  { background:url(../images/emenu.gif) -400px -67px  no-repeat;}

#main_nav a.m5 {	background:url(../images/m5.gif) bottom no-repeat; text-indent:-9999px; width:131px; height:32px;}
#main_nav  a.m5:hover, #main_nav li.focus a.m5 {	background:url(../images/mm5.gif)  no-repeat;}

/* @end */
.banner { background:#dce1e5 url(../images/banner.jpg) center no-repeat; height:418px; width:100%;}
.b2 { background:#dce1e5 url(../images/b2_bg.gif) top repeat-x;  width:100%; height:257px;}
.b2 a{ float:left; margin-top:20px;}

#slide-index {position: relative; min-width: 1000px; width: auto; height:318px; overflow: hidden; background:#dce1e5;}
#slide-index .slides {min-width: 1000px; width: auto; height:318px}
#slide-index .slide {position: relative; min-width: 1000px; float: left; height:318px}
#slide-index .image {z-index: 1; position: absolute}
#slide-index .button {width: 138px; display: none}
#slide-index .control {z-index:40; position: absolute; text-align: center; width: 100%; bottom:0; height: 19px;}
#slide-index .control a{background: url(../images/bullets.png) no-repeat top;  width: 22px; display: inline-block;height: 22px; cursor: pointer; margin-right: 6px;}
#slide-index .control a:hover {background: url(../images/bullets.png) bottom;opacity: 1;}
#slide-index .control a.active {background: url(../images/bullets.png) bottom; opacity: 1;}
.autoMaxWidth {position: relative; height: 232px; overflow: hidden}
/*页头内容结束*/

图片样式==========================================
.photolist{
	width:660px;
	margin:0 auto;
}
.photolist p{
float:left;
text-align:center;
width: 210px;
margin:5px 40px 10px 0;
}
.photolist p img {
	padding:4px 10px 10px 4px;
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
	background-image: url(../pages/images/shadow.gif);/*换成你的图片*/
	background-repeat: no-repeat;
	background-position: right bottom;
	width:200px;
	height:160px;
}
/*页中内容开始*/
#main { padding:20px 0;}
#main h3 a,#main h4 a,#bottom h3 a { display:block;}
#main .line{  background:#ededed url(../images/line.gif) top repeat-x; height:2px; margin:20px 0;}
#main p,#main p a{ font-size:14px; color:#999; line-height:1.6em;}
#main p a:hover, #bottom a:hover{ color:#f60;}
#main h4,#main h3,.ico1,.ico2,.ico3,#bottom h3{ text-indent:-9999px;}
#main .i11,#main .i12,#main .i13,#main .i21,#main .i22,#main .i23,#bottom .i31,#bottom .i32,#bottom .i33,.ico1,.ico2,.ico3{ float:left;}
#main .i11,#main .i21,#bottom .i31 { width:308px;}
#main .i12,#main .i22,#bottom .i32 { width:308px;}
#main .i13,#main .i23,#bottom .i33 { width:281px;}
#main .i11,#main .i12,#main .i21,#main .i22,#bottom .i31,#bottom .i32 { margin:0 45px 15px 0; }    
#main .i11 h4 a{ background:url(../images/t_pic.jpg) -1px -5px no-repeat; height:46px;}
#main .i12 h4 a{ background:url(../images/t_pic.jpg) -1px -68px no-repeat; height:46px;}
#main .i13 h4 a{ background:url(../images/t_pic.jpg) -1px -131px no-repeat; height:46px;}
#main .i11 h3 a{ background:url(../images/i_tit.png) -1px -5px no-repeat; height:23px; margin:10px 0;}
#main .i12 h3 a{ background:url(../images/i_tit.png) -1px -28px no-repeat; height:23px; margin:10px 0;}
#main .i13 h3 a{ background:url(../images/i_tit.png) -1px -55px no-repeat; height:23px; margin:10px 0;}
#main .ico1{ background:url(../images/i_tit.png) 0px -80px no-repeat; width:35px; height:46px; margin:10px 10px 20px 0;}
#main .ico2{ background:url(../images/i_tit.png) -49px -80px no-repeat; width:58px; height:46px; margin:10px 10px 20px 0;}
#main .ico3{ background:url(../images/i_tit.png) -123px -80px no-repeat; width:50px; height:47px; margin:10px 10px 20px 0;}
#main .i21 h3 a{ background:url(../images/i_tit.png) 0px -129px no-repeat; width:66px; height:20px; margin:10px 45px;}
#main .i22 h3 a{ background:url(../images/i_tit.png) -72px -129px no-repeat; width:70px; height:20px; margin:10px 65px;}
#main .i23 h3 a{ background:url(../images/i_tit.png) -169px -129px no-repeat; width:66px; height:20px; margin:10px 61px;}
#main .i23 li a{ line-height:23px; display:block; color:#999;}
#main .i23 li a:hover{ color:#f60;}


.product_box {
	float: left;
	width: 210px;
	margin-bottom: 10px;
}

.thumb_wrapper {
	width: 198px;
	height: 158px;
	padding: 6px;
	background:  url(../images/templatemo_thumb_frame.png) no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/templatemo_thumb_frame.png'); /* IE6 */
_ background-image: none; /* IE6 */}

.product_box .thumb_wrapper img {
	width: 198px;
	height: 146px;
}

.product_box a {
	text-decoration: none;
}

.product_box a:hover {
	text-decoration: none; 
}

.product_box h3 {
	padding: 0px;
	margin: 0px;
	height: 25px;
	font-size: 14px;
	color: #ac5d08;
	border-bottom: 1px dotted #999;
	background: url(../images/templatemo_product_box_title_bg.jpg) repeat-x;
}

.product_box p {
	color: #777;
	font-weight: normal;
	line-height:1.8em;
	margin:10px 0;
}
.newslist { float:left; width:720px;}
.newslist li{}
.newslist li a{  border-bottom:1px dashed #ccc; color:#585858; line-height:25px;height:25px; display:block; background:url(../images/arrow.gif) 3px 10px no-repeat; text-indent:12px;  overflow:hidden;}
.newslist li span, .newslist li a span{ float:right; line-height:25px; font-size:11px; padding-right:5px;}
.newslist li a:hover { color:#ff0000; background:#fff url(../images/arrow.gif) 3px 10px no-repeat; border-bottom:1px solid #ccc; }

.page-pagination{margin-top:15px;padding-top:20px;text-transform:uppercase;font-size:10px;}
.page-pagination a,.page-pagination span,a.btn-style{float:left;display:block;margin-right:5px;padding:5px 10px;}
.page-pagination a.current,a.btn-style.red,a.btn-style.current,a.btn-style.dark:hover{background:url(../images/sprite-menu.png) left -50px repeat-x;border-color:#a91a1f;}
.page-pagination a:hover,a.btn-style:hover,a.btn-style.red:hover,a.btn-style.dark{background:url(../images/sprite-menu.png) left -10px repeat-x;border-color:#262626;}
.page-pagination a:hover,.page-pagination a.current,a.btn-style.red,a.btn-style:hover,a.btn-style.dark{color:#FFF;text-decoration:none;}
.page-pagination a,a.btn-style{background:#f4f4f4 url(../images/button-highlight.png) repeat-x top;border:1px solid #E5E5E5;color:#787878;}
.page-pagination a,#sidebar .ads a,.btn-style{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


.en_content ol{ margin:5px 0;}
.en_content ol li{ list-style: decimal;}
.en_content { width:750px; line-height:2em; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.en_content table { width:750px;border-left:1px solid #ccc; border-top:1px solid #ccc;BORDER-COLLAPSE: collapse; margin:7px 0;}
.en_content table th{ background:#f1f1f1;border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px; font-weight:bold;}
.en_content table td{ background:#f9f9f9; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px;}

.content { width:750px; line-height:2em; font-size:14px;}
.content table { width:750px;border-left:1px solid #ccc; border-top:1px solid #ccc;BORDER-COLLAPSE: collapse; margin:7px 0;}
.content table.tab12 td,.content table.tab12 th{ font-size:12px;}
.content table th{ background:#f1f1f1;border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px; font-weight:bold;}
.content table td{ background:#f9f9f9; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px;}
.product_detail_left {
	float: right;
	width: 220px;
	margin-top:30px;
}
.product_detail_left a.skype{ background:url(../images/skype.gif) left top no-repeat; width:150px; height:37px; display:block;}
.product_detail_left a.skype:hover{ background:url(../images/skype.gif) left bottom no-repeat;}
.product_detail_left a.gtalk{ background:url(../images/gtalk.gif) left top no-repeat; width:177px; height:37px; display:block;}
.product_detail_left a.gtalk:hover{ background:url(../images/gtalk.gif) left bottom no-repeat;}
.product_detail_left h3{ font-size: 16px;padding-left:20px; height:30px; color:#262626; background:url(../images/r_line.gif) no-repeat bottom; margin-bottom:10px;  }
.product_detail_left ul{ padding:0; margin:0; }
.product_detail_left li{ margin-bottom:5px; list-style:none; width:200px; overflow:hidden;}
.product_detail_left li a{ display:block; line-height:26px; height:26px; color:#777; background:url(../images/a.gif) 0px 2px no-repeat; padding:0 28px;font-family:Arial, Helvetica, sans-serif }
.product_detail_left li a:hover{  background:url(../images/a.gif) 0px -40px no-repeat; color:#f60; }
.product_detail_left li.c {  background:url(../images/btn.gif) left bottom no-repeat;}
.product_detail_left li.c a{ color:#f60;}
#main_content h2 { padding:20px 0; font-family: Arial,"黑体"; font-size:30px; color:#0366cc;}
#view_content h2 { padding:20px 0; font-family: Arial,"黑体"; font-size:30px; color:#900;}
#pro_content { width:750px; float:left;}
.fx {  margin:20px 0;}
#contact-form,
.maxx-form textarea,.maxx-form input,.maxx-form button{float:left;font-family:Arial, Helvetica, sans-serif;}
.form-row{display:block;clear:both;min-height:25px;padding:10px 0;}
.form-row .form-row-label{width:100px;float:left;clear:left;display:block;}
#contact-form textarea{max-width:400px;height:150px;}
label.error{background-position:-920px -219px;width:22px;height:22px;display:block;text-indent:-9999px;float:left;margin:5px 0 0 5px;}
form input.input-field,textarea{background:#FFF url(../images/text-field-bg.png) top repeat-x;border:1px solid #d8d8d9;color:#787878;font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:7px 5px;}
button.black{background:url(../images/black-btn-bg.png) repeat-x top #393939;border:1px solid #2d2d2d;font-size:12px;color:#FFF;cursor:pointer;font-family:Arial, Helvetica;margin:0 5px;padding:6px 10px;}
button.black:hover{background:#5a5a5a;}
button.black:active{background:#393939;}

#g-search{margin-top:6px;float:right;margin-right:5px;width:200px;}
#g-search input{float:left;width:130px;border:1px solid #e7e7e7;margin:0;padding:6px 5px 5px;}
#g-search button{background:url(../images/sprite1.png) right -53px;overflow:visible;border:0 none;float:left;white-space:nowrap;padding-left:0;height:29px;width:49px;cursor:pointer;text-indent:-9999px;margin:0 0 0 -1px;}
#g-search button:hover{background-position:right -84px;}
#g-search form input.input-field,textarea{background:#FFF url(../images/text-field-bg.png) top repeat-x;border:1px solid #d8d8d9;color:#787878;font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:7px 5px;}
/*页中内容结束*/


#bottom { background:#ededed url(../images/bb.gif) top repeat-x; padding:20px 0; height:112px;}

#bottom p,#bottom a{ font-size:12px; color:#ccc; line-height:1.8em; font-family:Arial, Helvetica, sans-serif}